<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" isELIgnored="false"%>
<%@  taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ include file="/WEB-INF/views/shared/taglib.jsp"%>
<%
	request.setAttribute("title", "活动专区");
%>
<%@ include file="/WEB-INF/views/shared/master/weContentHeader.jsp"%>

<%@ include file="/WEB-INF/views/shared/master/weTitle.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jqweui.jsp"%>

<style type="text/css">
.weui-cells{
	border:1px solid #f5f5f5;
	border-radius: 0.8rem;
	margin: 10px;
}
.weui-flex a {
	color: #000;
}

.activityJPG img {
	height: 30%;
	width: 100%;
}

.titleleft {
	margin-left: 15px;
	font-family: SimSun;
	font-weight: bold;
}

.tab-horizontal li.active>span {
	border-bottom: 3px solid #ea693f !important;
	color: !important;
}

.tab-horizontal li>span {
	display: inline !important;
	width: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.guangboPNG {
	position: absolute;
	margin-top: 15px;
	margin-left: 18px;
	color: #ff0000;
	background-color: #A52A2A;
	border-radius: 0.5rem;
}

.guangboPNG>img {
	height: 15px;
	width: 14.7px;
	padding-left: 3px;
}

.guangboPNG>span {
	font-size: 13px;
	color: #FFFFFF;
}

.weui-flex {
	color: gray;
}

.titlecontent {
	margin:10px;

	border-radius: 0.5rem;
}

#progressbar .ui-progressbar-value {
	background-color: #ccc;
}

/* 赚取金豆 */
.topBox {
	background-image: url('<c:url value='/images/we/activity/tasktopbackground.jpg ' />');
	background-size: 100% 100%;
	padding-top: 40px;
}

.topImg {
	width: 80px;
	height: 60px;
}

.icon_img {
	width: 40px;
	height: 40px;
	padding-right: 10px;
}

.avtiveBtn {
	border: solid 1px #ff7325;
	padding: 5px 10px;
	border-radius: 5px;
	color: #999999;
}

.avtiveBtn_active {
	background-color: #ff7325 !important;
	color: #ffffff !important;
}

.color_red {
	color: #ff7325;
	font-size: 0.6rem;
}

.color_blue {
	color: #1fa0db;
	font-size: 1.1rem;
}

.font_bold {
	font-weight: bold;
	color: #555555;
}

.allNum {
	position: relative;
	width: 80%;
	height: 3px;
	margin-top: 0.6rem;
	border-radius: 15px;
	display: inline-block;
	background-color: #000000;
}



</style>

<div>
	<div class="tab-container" data-id="claim-container" id="claim-tab">
		<ul class="tab tab-horizontal" style="width: auto">
			<li data-id="tab1" class="active content" style="width: 25%">
				<input type="hidden" value="hotActivity" />
				<span>热门活动</span>
			</li>
			<li data-id="tab2" class="content" style="width: 25%">
				<input type="hidden" value="localActivity" />
				<span>本地活动</span>
			</li>
			<li data-id="tab3" class="content" style="width: 25%">
				<input type="hidden" value="activityInfo" />
				<span>活动资讯</span>
			</li>
			<li data-id="tab4" class="task" style="width: 25%">
				<input type="hidden" value="task" />
				<span>赚取金豆</span>
			</li>
			</a>
		</ul>
	</div>
</div>
<div id="activityAndTask">

</div>


<script type="text/javascript"> 
$(function(){
	var url = $.getVirtualPath()+"/wechat/acti/hotActivity";
	var html=$.getText(url);
	$("#activityAndTask").html(html);

}) 
$(function(){
	$(".content").on("click",function(){
		var type=$(this).children("input:first").val();
		var url = $.getVirtualPath()+"/wechat/acti/"+type;
		var html=$.getText(url);
		$("#activityAndTask").html(html);
	})
	
	$(".task").on("click",function(){
		alert("模块开发中敬请期待！")
	})
})
</script>



<%@ include file="/WEB-INF/views/shared/scripts/jquery.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/jqweui.jsp"%>
<%@ include file="/WEB-INF/views/shared/scripts/tabmob.jsp"%>
<%@ include file="/WEB-INF/views/shared/master/weContentFooter.jsp"%>
